<template>
  <div class="container">
    <process :src='process2'></process>

    <div>
        <apptitle titleName="企业信息"></apptitle>  
        <div class="marginT20">
            <Row>
                <i-col span='10' offset='3'>
                    <Form  :label-width="200">
                        <!-- <FormItem label="产品名称">
                            <span>贷款产品001</span>
                        </FormItem>
                        <FormItem label="金融机构">
                            <span>工商银行</span>
                        </FormItem> -->
                        <FormItem label="期望贷款金额（万）">
                            <i-input v-model="loanForm.loanAmount" placeholder="请填写贷款金额"></i-input>
                        </FormItem>
                        <FormItem label="期望贷款期限">
                            <Row>
                                <i-col span='18'>
                                    <i-input v-model="loanForm.loanPeriod" placeholder="请填写贷款期限"></i-input>
                                </i-col>
                                <i-col span='5' offset='1'>
                                    <i-select v-model="loanForm.periodUnit">
                                        <i-option value="1">年</i-option>
                                        <i-option value="0">月</i-option>
                                    </i-select>
                                </i-col>
                            </Row>
                            
                        </FormItem>
                        <FormItem label="抵押方式">
                            <!-- <i-input v-model="loanForm.mortgagePattern" placeholder="请填写抵押方式"></i-input> -->
                            <i-select v-model="loanForm.mortgagePattern">
                                <i-option v-for="item in mortgageWayList" :key="item.kwKey" :value="item.kwKey">{{item.kwValue}}</i-option>
                            </i-select>
                        </FormItem>
                        <FormItem label="需求描述">
                            <i-input v-model="loanForm.applyDetail" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="最多输入200个字符"></i-input>
                        </FormItem>
                        

                    </Form>
                </i-col>
            </Row>
            <p>
                <Row>
                    <i-col span='14' offset='5'>
                        <Checkbox>我已阅读并同意<span class="report">《信用报告、供应商信用评价用户协议》</span> 及<span class="report">《征信报告说明》</span> 内容</Checkbox>
                        
                    </i-col>
                </Row>

            </p>
        </div>
    </div>
    <div class="marginT50">
        <Row>
            <i-col span='2' offset='8'>
                <Button @click="next" type="success">提交</Button>
            </i-col>
            <i-col span='2'>
                <Button>上一步</Button>
            </i-col>
        </Row>
        
    </div>

        
      
  </div>
</template>

<script>
import process2 from '@/assets/images/process2.png'
import process from '@/components/process'
import apptitle from '@/components/title'
export default{
    data(){
        return{
           process2:process2,
           loanForm:{
                userPhone:this.$token.getUUID(),
                loanAmount:this.$route.query.loanAmount,
                loanPeriod:this.$route.query.loanPeriod,
                periodUnit:this.$route.query.periodUnit,
                mortgagePattern:this.$route.query.mortgagePattern,
                applyDetail:''
           },
           mortgageWayList:[]
        }
    },
    components:{
        process,
        apptitle
    },
    mounted(){
        this.getMortgageWay()
    },
    methods:{
        getMortgageWay(){
            this.$axios('loangetDict',['MORTAGE_MODE'],{}).then(res=>{
                this.mortgageWayList=res.data.result
            })
        },
        next(){
            this.$router.push({
                path:'./nondirsubmittedSuccessfully'
            })
        },
    }
}
</script>

<style>
.report{
    color: #00A573;
}
</style>